<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>信息认证</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- 微软的老式浏览器 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <!-- 显示窗口 宽度 是 客户端的 屏幕 宽度 （就是 满屏 ！），显示的文字和图形的初始比例 是 1.0 -->
    <link rel="stylesheet" href="css/layui.mobile.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/renzheng.css">
    <script src="js/common.js"></script>
	<style>
		.spinner{width:20px;height:20px;position:fixed;z-index:1002;top:50%;margin-top:-10px;left:50%;margin-left:-10px}.container1>div,.container2>div,.container3>div{width:6px;height:6px;background-color:#ff536a;border-radius:100%;position:absolute;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.spinner .spinner-container{position:absolute;width:100%;height:100%}.container2{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.container3{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.circle1{top:0;left:0}.circle2{top:0;right:0}.circle3{right:0;bottom:0}.circle4{left:0;bottom:0}.container2 .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.container3 .circle1{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.container1 .circle2{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.container2 .circle2{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.container3 .circle2{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.container1 .circle3{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.container2 .circle3{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.container3 .circle3{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.container1 .circle4{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.container2 .circle4{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.container3 .circle4{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}@-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0.0)}40%{-webkit-transform:scale(1.0)}}@keyframes bouncedelay{0%,80%,100%{transform:scale(0.0);-webkit-transform:scale(0.0)}40%{transform:scale(1.0);-webkit-transform:scale(1.0)}}#loading .mask{position:fixed;width:100%;background-color:#fff;top:0;left:0;height:100%;z-index:1001}
	</style>
</head>
<body>
<div id="loading">
	<div class="mask"></div>
	<div class="spinner">
		<div class="spinner-container container1">
			<div class="circle1"></div>
			<div class="circle2"></div>
			<div class="circle3"></div>
			<div class="circle4"></div>
		</div>
		<div class="spinner-container container2">
			<div class="circle1"></div>
			<div class="circle2"></div>
			<div class="circle3"></div>
			<div class="circle4"></div>
		</div>
		<div class="spinner-container container3">
			<div class="circle1"></div>
			<div class="circle2"></div>
			<div class="circle3"></div>
			<div class="circle4"></div>
		</div>
	</div>
</div>
	<div class="renz">
		<p class="renztop">请您选择一种认证方式</p>
		<ul class="xuanz">
			<li>
				<a href="Id-card-certification.html">
					<img src="images/img/11.png" id="sfzimg">
					<p>身份证认证
						<span id="sfz">未认证</span></p>
				</a>	
			</li>
			<li>
				<a href="Mobile-certification.html">
					<img src="images/img/77.png" id="phoneimg">
					<p>手机号认证
						<span id="phone">未认证</span></p>
				</a>
			</li>
			<li>
				<a href="formal-certification.html">
					<img src="images/img/22.png" id="xlimg">
					<p>学历认证<span id="xlrz">未认证</span></p>

				</a>	
			</li>
			<li>
				<a href="job-certification.html">
					<img src="images/img/33.png" id="gsimg">
					<p>工作认证<span id="gsrz">未认证</span></p>

				</a>	
			</li>
			<li>
				<a href="money-certification.html">
					<img src="images/img/55.png" alt="">
					<p>个人车子认证<span id="czrz">未认证</span></p>
				</a>	
			</li>
			<li>
				<a href="money-certification2.html">
					<img src="images/img/55.png">
					<p>个人房产认证<span id="fcrz">未认证</span></p>
				</a>
			</li>
		</ul>
	</div>
<script src="js/jquery/jquery-2.2.4.min.js"></script>
<script src="js/utils.js"></script>
<script>
    //user/get_auth_info
    Utils.historyBack(function () {
        window.location.href = '/mine.html';
    });
	rzzt();
    function rzzt() {
        $.ajax({
            type : "GET",
            url : getRequestUrl("/user/get_auth_info"),
            success : function(datas) {
                console.log(datas);
                var arr=datas.response_params.result;
                $.each(arr,function (i,el) {
                    var sts="";
                    if(el.status==1){
                        sts="待审核";
					}else if(el.status==2){
                        sts="认证完成";
					}else{
                        sts="认证失败";
					}
					if(el.auth_type==1){
						$("#xlrz").html(sts).addClass("active");
					}else if(el.auth_type==2){
                        $("#sfz").html(sts).addClass("active");
                    }else if(el.auth_type==3){
                        $("#phone").html(sts).addClass("active");
                    }else if(el.auth_type==4){
                        $("#gsrz").html(sts).addClass("active");
                    }else if(el.auth_type==5){
                        $("#czrz").html(sts).addClass("active");
                    }else if(el.auth_type==6){
                        $("#fcrz").html(sts).addClass("active");
                    }
                    if(el.auth_type==1&&el.status==2){
                        $("#xlimg").attr('src',"images/img/555.png");
                    }else if(el.auth_type==2&&el.status==2){
                        $("#sfzimg").attr('src',"images/img/3211.png");
                    }else if(el.auth_type==3&&el.status==2){
                        $("#phoneimg").attr('src',"images/img/21.png");
                    }else if(el.auth_type==4&&el.status==2){
                        $("#gsimg").attr('src',"images/img/123.png");
                    }else if(el.auth_type==5&&el.status==2){
                        $("#czimg").attr('src',"images/img/12.png");
                    }else if(el.auth_type==6&&el.status==2){
                        $("#zcimg").attr('src',"images/img/12.png");
                    }
                });
                $("#loading").hide();
            },
            error : function(err) {
            	dealCPErrorResponse(err);
            }
        });
    }
</script>
</body>
</html>